<template>
  <div class="login-main">
    <img src="~assets/img/common/meiLiShuo.svg" alt="">
    <button>登录</button>
    <button>注册</button>
  </div>
</template>

<script>
export default {
  name: "LoginMain"
}
</script>

<style scoped lang="less">
  .login-main {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    img {
      width: 128px;
    }
    button {
      display: block;
      padding: 20px 60px;
      border: none;
      margin-top: 10px;
      border-radius: 40px;
      color: #ffffff;
      font-size: 16px;
    }
  }
  .login-main button:first-of-type {
    background-image: linear-gradient(141deg,#FFC1C1 0%,#FF6A6A 51%,#FF6A6A 75%);
  }
  .login-main button:last-of-type {
    background-image: linear-gradient(141deg,#E8E8E8 0%,#87CEFF 51%,#1C86EE 75%);
  }
</style>